﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>违规违纪管理</title>
    <link href="/static/css/layout.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/cb.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/n.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="/static/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/static/easyui/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="/static/easyui/demo/demo.css"/>
    <link rel="stylesheet" type="text/css"
          href="/static/js/laypage/skin/laypage.css"/>

    <script type="text/javascript" src="/static/easyui/jquery.min.js"></script>
    <script src="/static/js/vue/vue.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="/static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/js/laypage/laypage.js"></script>
    <script type="text/javascript" src="/static/laydate/laydate.js"></script>
    <script type="text/javascript" src="/static/js/examine.js"></script>
    <script type="text/javascript" src="/static/js/echarts.min.js"></script>
</head>
<body>
<#--模糊查询 -->
<div id="app">
    <table width="99%" border="0" align="center" cellpadding="0"
           cellspacing="0">
        <tr>
            <td width="1%" align="left" background="/static/images/b2.jpg"><img
                    src="/static/images/b1.jpg" width="10" height="26"/></td>
            <td width="68%" background="/static/images/b2.jpg">
                <table width="124"
                       border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20" align="left"><img src="/static/images/tz.gif"
                                                         width="10" height="16"/></td>
                        <td width="104" align="left" class="biao">查找违规违纪信息</td>
                    </tr>
                </table>
            </td>
            <td width="31%" align="right" background="/static/images/b2.jpg"><img
                    src="/static/images/b3.jpg" width="9" height="26"/></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="3"
           cellspacing="1" bgcolor="#AEDEF4">
        <tr>
            <td align="center" bgcolor="#E2F7FE">
                <form id="form1" name="form1" method="post" action="">
                    <table width="80%" border="0" cellspacing="1" cellpadding="3">
                        <tr>
                            <td width="10%" align="right">矫正单位:</td>
                            <td width="10%" height="10%" align="left">
                            <input type="text" id="cunit" name="cunit" size="15" value=""/>
                            </td>


                            <td width="10%" align="right">姓名:</td>
                            <td width="10%" height="10%" align="left">
                                <input type="text" id="cname" name="cname" size="15" value=""/>
                            </td>

                            <td width="10%" align="right">违规日期:</td>
                            <td width="10%" align="left"><input placeholder="请选择日期"
                                                                class="laydate-icon" onclick="laydate()" id="cdate"/>
                            </td>
                            <td width="10%" align="left"><input type="button"
                                                                onclick="queryRuleBreak()" value="查找"/></td>
                            <td width="10%" colspan="2" align="right"><input
                                    type="button" onclick="addRuleBreak()" value="增加记录"/> <input
                                    type="button" onclick="downloadRuleBreak()" name="" value="导出Excel"/></td>
                        </tr>
                    </table>
                </form>
            </td>
        </tr>
    </table>

    <table width="50%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="5"></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="0"
           cellspacing="0">
        <tr>
            <td width="1%" align="left" background="/static/images/b2.jpg"><img
                    src="/static/images/b1.jpg" width="10" height="26"/></td>
            <td width="68%" background="/static/images/b2.jpg">
                <table width="124"
                       border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20" align="left"><img src="/static/images/tz.gif"
                                                         width="10" height="16"/></td>
                        <td width="104" align="left" class="biao">违规违纪信息列表</td>
                    </tr>
                </table>
            </td>
            <td width="31%" align="right" background="/static/images/b2.jpg"><img
                    src="/static/images/b3.jpg" width="9" height="26"/></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="3"
           cellspacing="1" bgcolor="#AEDEF4" style="border: 1px solid #AEDEF4">
        <thead>
        <tr>
            <td width="4%" height="35px" align="center" bgcolor="#b5feb9">
                <input type="checkbox" id="allcheck" name="allcheck"/>
            </td>
            <td width="5%" height="35px" align="center" bgcolor="#b5feb9">序号</td>
            <td align="center" width="15%" bgcolor="#b5feb9">矫正单位</td>
            <td align="center" width="10%" bgcolor="#b5feb9">姓名</td>
            <td align="center" width="15%" bgcolor="#b5feb9">违规日期</td>
            <td align="center" width="" bgcolor="#b5feb9">违规事实</td>
            <td align="center" width="10%" bgcolor="#b5feb9">处理情况</td>
            <td align="center" width="10%" bgcolor="#b5feb9">管理操作</td>
        </tr>
        </thead>
        <tbody>

            <tr v-for="(item,index) in result"
                onmouseout="this.style.backgroundColor='#ffffff'" bgcolor="#ffffff"
                onmouseover="this.style.backgroundColor='#E6F2FF'">
                <td height="35px" align="center">
                    <input type="checkbox" name="check" :value="item.id"/>
                </td>
                <td align="center">{{index+1}}</td>
                    <td align="center" class="t5">
                        <div align="center">
                            <strong>{{item.jname}}</strong>
                        </div>
                    </td>
                    <td align="center">{{item.cname}}</td>
                    <td align="center">{{item.date}}</td>
                    <td align="center">{{item.fact}}</td>
                    <td align="center">{{item.solution}}</td>
                    <td align="left">
                        <div align="left" style="padding-left: 5px">
                            <div align="center">
                                <input type="button" @click="checkRuleBreak(item.id)" value="查看"/>
                                <input type="button" @click="editRuleBreak(item.id)" value="修改"/>
                                <input type="button" @click="delRuleBreak(item.id)" value="删除"/>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="7" align="center">
                        <div id="pagediv"></div>
                    </td>
                </tr>
            </td>
        </tbody>
    </table>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main" style="width: 1200px;height:200px;" class="float:left"></div>
    <!-- 增加违规违纪记录弹出框 -->
    <div id="addrulebreak" style="background-color: #AEDEF4 width:1100px;height: 300px"></div>
    <!-- 查看违规违纪记录弹出框 -->
    <div id="checkrulebreak" style="background-color: #AEDEF4"></div>
    <!-- 修改违规违纪记录弹出框 -->
    <div id="editrulebreak" style="background-color: #AEDEF4"></div>
</div>
</body>
<script type="text/javascript">

    var app = new Vue({
        el: '#app',
        data: {
            result: []
        }
    });


    //获取违规违纪记录列表
    getRuleBreakList();
    //加载柱状图
    loadchart();
</script>
</html>